html, body { width: 100%; height: 100%; overflow: hidden; margin: 0; background-color: #444}
html { _height: auto; padding: 200px 0 30px 0 }

.container { width:50%; max-width: 600px; margin: 0 auto; }

.login-top { background-color: #e1e1e1; border-radius: 25px 25px 0 0; padding: 30px 60px; }
.login-top .title-bar { font-size: 1.7rem; color: #1E9FFF; text-align: center; margin-bottom: 20px; }
.login-top .title-bar label { margin-left: 30px; }

.login-top input { background-color: #cacaca; border-radius: 100px; margin-bottom: 10px; }
.login-top .btn { text-align: right; }
.login-top .btn .forget-password { color: #1E9FFF; padding-right: 10px; border-right: 2px solid #1E9FFF; }
.login-top .btn .login { background-color: #1E9FFF; border-radius: 6px; -webkit-border-radius: 19px; color: #fff; margin-left: 5px; }

.login-bottom { padding: 30px 65px; background-color: #1E9FFF; border-radius: 0 0 25px 25px; user-select: none; color: #fff; border-top: 2px solid #007DDB; text-align: right; }
.login-bottom:hover{opacity:.8;filter:alpha(opacity=80);color:#fff}
.login-bottom:active{ opacity:1;filter:alpha(opacity=100) }
.login-bottom h3 { font-size: 1.0rem; color: #fff; text-align: center; }
/*.login-bottom h3 a{ font-size: 2.0rem; color: #fff; }*/
/*.login-bottom h3 a:hover{opacity:.8;filter:alpha(opacity=80);color:#fff}*/
/*.login-bottom h3 a:active{ opacity:1;filter:alpha(opacity=100) }*/